<template>
    <div>
        <div class="pre" >
            <div class="cir"></div>
            <div class="cir"></div>
            <div class="cir"></div>
        </div>
    </div>    
</template>

<script>
export default {};
</script>

<style scoped>
.pre{
    width: 300px;
    height: 300px;
    background-color: #ccc;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-content: center
}
.cir{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: black;
    align-self: center
}
</style>


